import './index.scss'

/**
 * 1.
 *
 *
 * == 组件如何定义css modules样式 ==
 * **步骤**：
 * 1. 创建样式文件，名称格式为：`index.module.scss` =》module是固定写法
 * 2. 在 `index.module.scss` 文件中，按照原来的方式写 CSS 即可
 * 3. **在 JS 中通过 `import styles from './index.module.scss'` 来导入样式文件**
 * 4. 在 JSX 结构中，通过 `className={styles.类名}` 形式来使用样式（此处的 类名 就是 CSS 中写的类名）
 *
 * == css module 定义全局样式 ==
 * 语法：
 *  1. :global(类名){样式} => 1个
 *  2. :global {类名{} ... } => 多个(推荐 )
 */

function Test() {
  return (
    <div>
      <h1>测试</h1>
      <p className="red">字体颜色</p>
      <p></p>
      <p></p>
    </div>
  )
}

export default Test
